@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";
@import "../components/BAvatar/avatar";
@import "../components/BCard/card";
@import "../components/BFormRating/form-rating";
@import "../components/BFormTags/form-tags";
@import "../components/BInputGroup/input-group";
@import "../components/BPagination/pagination";
@import "../components/BTable/table";
@import "../components/BFormInput/form-input";
@import "../components/BFormFile/form-file";
@import "../components/BFormSpinbutton/spinbutton";
@import "../components/BAlert/alert";
@import "../components/BPopover/popover";
@import "../components/BToast/toast";

.container,
.container-fluid {
  display: block;
}

.input-group
  > .form-floating:not(:first-child)
  > :not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
    .invalid-feedback
  ) {
  margin-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > :not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown-toggle.dropdown-toggle-no-caret:before,
.dropdown-toggle.dropdown-toggle-no-caret:after {
  display: none !important;
}

/* Override inline display styles during transitions to allow proper CSS transitions */
.dropdown-menu.fade.showing {
  display: block !important;
}

// No focus outline helper (use sparingly)
.bv-no-focus-ring:focus {
  outline: none;
}

// Create `.bv-d-<bp>-down-none` helper classes
@each $breakpoint in (map-keys(map-remove($grid-breakpoints, "xs"))) {
  @include media-breakpoint-down($breakpoint) {
    .bv-d-#{$breakpoint}-down-none {
      display: none !important;
    }
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s linear;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.no-transition {
  transition: none !important;
}

:root {
  --bs-modal-zindex: #{$zindex-modal};
  --bs-toast-max-width: #{$toast-max-width};
}
